<template>
	<view class="container"  > 
	<view  class="px-2">
		
			<view class="" style="height: 250rpx;">
				
			</view>
			<view class="rounded p-2 bg-white shadow flex-column my-2" style="opacity: 0.7;">
				<view class="flex justify-center">
					<view class="flex-1 mr-1" style="border-right: #bf1832 4rpx solid;">
						<text class="p-1 font text-light-black " >每日一言</text>
					</view>
					
					<view class="flex-3 flex justify-center align-center" >
						<text class="font-weight-bold font" style="color: #bf1832;font-family: 楷体	;" >劝君莫惜金缕衣，劝君惜取少年时</text>
					</view>
					
				</view> 
				
			
			</view>
			<view class="rounded p-2 bg-white shadow flex-column my-2" style="opacity: 0.9;">
				<view class="p-1">
					<text class="font-weight-bold" style="color: #bf1832;">红色影视</text>
				</view>
			<view class="py-2">
				<u-swiper height="170"   previousMargin="30" nextMargin="30"  showTitle keyName="image" circular :list="list1"   radius="5" :indicator="true"
								indicatorMode="dot"></u-swiper>
			</view>
			</view>
			<view class="rounded p-2 bg-white shadow flex-column my-2">
				<view class="p-1">
					<text class="font-weight-bold" style="color: #bf1832;;">百年薪火书单</text>
				</view> 
				<view class="" v-for="(item,index) in booklist" :key="index">  
					<view class="p-2 rounded shadow  my-2 bg-red-gradient animate__animated animate__slideInUp" >
						<text class="text-white font">《{{item.title}}》</text>
					</view> 
				</view>  
			   
			</view>  
			
	
	</view>
	
		
		
	


	</view>
</template>

<script>
	export default {

		data() {
			return {
				  list: [{
				                    thumb: "https://cdn.uviewui.com/uview/goods/1.jpg"
				                }, {
				                    thumb: "https://cdn.uviewui.com/uview/goods/2.jpg"
				                }, {
				                    thumb: "https://cdn.uviewui.com/uview/goods/3.jpg"
				                }, {
				                    thumb: "https://cdn.uviewui.com/uview/goods/4.jpg"
				                }, {
				                    thumb: "https://cdn.uviewui.com/uview/goods/5.jpg"
				                }],
				title: 'Hello', 
				list1: [
					{
						image:'https://s3.bmp.ovh/imgs/2022/04/12/74a1c18fb48fdfdc.jpg',
						title:'长津湖'
					},
					{
						image:'https://s3.bmp.ovh/imgs/2022/04/12/81b60f0fa5633349.jpeg',
						title:"建国大业"
					},
					{
						image:'https://s3.bmp.ovh/imgs/2022/04/12/c69d9fb66a69ea46.jpeg',
						title:"古田军号"
					}
					
				
				],
				booklist:[
					{
						title:'毛泽东思想选集'
					},
					{
						title:"西行漫记"
					},
					{
						title:"星火燎原"
					},
					
					{
						title:'平语近人'
					}
				],
				apps: [], 
				colors: ['#ff0000', '#ff5500', '#00aaff', '#00ff7f'],
				category: ['党史学习', '团史学习', '科技知识', '趣味测试']
			}
		},
		beforeMount() {
			this.apps=this.category.map(x=>{
				return x.slice(0,2) 
			}) 
		},
		onLoad() {
			
		},
		methods: {
			async startTopics() {
				// let info = await this.$c.getWeixinCode()
				// console.log(info)
				
				uni.navigateTo({ 
					url:'../Topics/Topics'
				})
			},
		},
 
	}
</script>

<style>
page {
	width: 100%;
	height: 100%;
}
::-webkit-scrollbar {
  display:none;
  width:0;
  height:0;
  color:transparent;
}

.container {
	
	background: url(https://s3.bmp.ovh/imgs/2022/04/14/bd2d34d97626d393.png) no-repeat top center;
	/* background-size: 100% 100%; */
	background-size: contain;
	/* width: 100%; */ 
	min-height: 100%;
	background-repeat: no-repeat;
}
</style>
